<template>
	<view>
		<view class="flex flex-column align-center u-p-t-40 bg" :style="{ background: 'url('+$_BASE_IMG_API+'/images/jifen.png)  no-repeat','background-size': '100% 100%'}">
			<view class="flex align-center" @click="toPage">
				<image src="/static/mine/integral.png" style="width: 47rpx;" mode="widthFix"></image>
				<text class="u-m-x-20 u-font-40 text-warning">{{userInfo.credit2}}</text>
				<u-icon name="arrow-right" size="36" color="#fff"></u-icon>
			</view>
			<text class="u-font-28 u-m-t-20 text-white">可用积分</text>
		</view>
		<view class="flex align-center justify-between u-p-x-30 u-p-y-20 bg-white">
			<text class="u-font-28">积分抽奖</text>
			<view class="flex align-center u-p-x-30 u-p-y-10 border main-border-color rounded-30" @click="toTurntable">
				<text class="main-text-color">幸运大转盘</text>
				<view class="">
					<u-icon name="arrow-right" size="16" color="#b93425"></u-icon>
				</view>
			</view>
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods: {
			toPage() {
				uni.navigateTo({
					url: '/pages/mine/mineBalance/integralDetail/integralDetail'
				})
			},
			toTurntable() {
				uni.navigateTo({
					url: '/pages/index/draw/draw'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
.bg {
	width: 750rpx;
	height: 250rpx;
}
</style>
